@import "'~element-ui/packages/theme-chalk/src/mixins/mixins";
@import "'~element-ui/packages/theme-chalk/src/mixins/utils";
@import "'~element-ui/packages/theme-chalk/src/common/var";
@import "'~element-ui/packages/theme-chalk/src/select";

@include b(pagination) {
  .btn-prev,
  .btn-next {
    display: inline-block;
    font-size: $--pagination-font-size;
    min-width: $--pagination-button-width;
    height: $--pagination-button-height;
    line-height: $--pagination-button-height;
    vertical-align: top;
    box-sizing: border-box;
  }

  .btn-prev,
  .btn-next {
    border: none;
    padding: 0 6px;
    background: transparent;

    &:focus {
      outline: none;
    }

    &:hover {
      color: $--pagination-hover-color;
    }

    &:disabled {
      color: $--pagination-button-disabled-color;
      background-color: $--pagination-button-disabled-background-color;
      cursor: not-allowed;
    }
  }

  @include m(small) {
    .btn-prev,
    .btn-next {
      height: 22px;
      line-height: 22px;
    }
  }
}